<template>
    <div class="baike_cell">
        <div class="avatar">
            <nuxt-link :to="`/baike/${info.id}`">
                <li-image :src="info.pictures" class="img"></li-image>
            </nuxt-link>
            <div class="score">
                <span class="sp1">热度</span>
                <span class="sp2">{{ info.hotScore }}</span>
            </div>
        </div>
        <div class="info">
            <div class="title">
                <nuxt-link :to="`/baike/${info.id}`" class="name">{{ info.name }}</nuxt-link>
            </div>
            <div class="ellipsis desc">{{ info.projectIntroduce }}</div>
            <div class="desc_box">
                <div class="sub_desc">
                <span class="sp1">治疗周期</span>
                <span class="sp2">{{ info.treatmentCycle }}</span>
            </div>
            <div class="sub_desc">
                <span class="sp1">操作时间</span>
                <span class="sp2">{{ info.operationTime }}</span>
            </div>
            </div>
           
        </div>
    </div>
</template>
<script>
export default {
    name: 'BaikeCell',
    props: {
        info: {
            type: Object,
            default: function () {
                return {};
            },
        },
    },
    data() {
        return {

        }
    }
}
</script>
<style lang="less" scoped>
@import './cell.less';
</style>